<div class="row_4">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-4 col-sm-4 chef row4_col">
                <h2>{{ page.header.about.title }}</h2>
                <figure>{{ page.media[page.header.about.image] }}</figure>
                <p class="title3">{{ page.header.about.title2 }}</p>
                <p>{{ page.header.about.text }}</p>
                <a href="{{ page.header.about.readme_url }}" class="btn-link btn-link2">{{ page.header.about.readme_text }}<span></span></a>
            </div>
            <div class="col-lg-offset-1 col-md-offset-1 col-sm-offset-1 col-lg-3 col-md-3 col-sm-3 row4_col">
                <h2>{{ page.header.services_title }}</h2>                        
                <ul class="list2">
                    {% for item in page.header.services %}
                       <li><a href="{{ item.url }}">{{ item.text }}</a></li>
                   {% endfor %}
               </ul> 
           </div>
           <div class="col-lg-offset-1 col-md-offset-1 col-sm-offset-1 col-lg-3 col-md-3 col-sm-3 locations row4_col">
            <h2>{{ page.header.locations.title }}</h2>
            <figure>{{ page.media[page.header.locations.logo] }}</figure>
            <p class="title4">{{ page.header.locations.text }}</p>
            <hr class="line1">
            <a href="mailto:{{ page.header.locations.email }}" class="btn-link btn-link3"><span></span>{{ page.header.locations.email }}</a>
        </div>
    </div>
</div>
</div>